<template>
    <div class="tuan">
        <!-- 头部背景 -->
        <Header></Header>

        <!-- 列表 -->
        <List :tuanArr="tuanArr" :tuanArrone="tuanArrone"></List>
    </div>
</template>

<script>
// 导入组件
import Header from './Tuan/HeaderBanner.vue'
import List from './Tuan/List.vue'
// 导入封装好的axios
import { tuan_list} from './utils/api'
export default {
    data(){
        return {
            tuanArr:[],
            tuanArrone:[],
        }
    },
    // 导入组件
    components:{
        Header,
        List
    },
    mounted(){
    //在组件中 只需要调用分装好的函数，就可以发起axios请求
    // 请求 爆爆团 正在抢购列表
        tuan_list({status:1}).then((res)=>{
             this.tuanArr=res.data.list;
        })
        tuan_list({status:0}).then((res)=>{
            this.tuanArrone=res.data.list;
        })

    },
}
</script>

<style lang="scss"> 
    *{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    html,body{
        height: 100%;
    }
    #tuan{
        height: 100%;
    }
</style>